﻿<%@ Page Title="" Language="C#" AutoEventWireup="true" %>

<div class="doubleeleven">

    <!-- S 轮播Banner -->
    <div class="topbanner">
        <div class="bg-box">
            <img class="bg" ng-src="../Shop/css/images/double_eleven/double_eleven_02.jpg">
        </div>
        <div class="swiper-container bannerthumb">
            <a class="homesearch" href="/Wap/Shop/Search.aspx" ng-click="trackEvent({PositionCode:'homesearch',Id:0,Title:'首页搜索框'})">
                <img ng-src="images/homesearch.png" style="display:block;width:100%;">
            </a>
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <a href="javascript:;">
                        <img ng-src="../Shop/css/images/double_eleven/double_eleven_02.jpg" style="display:block;width:100%;">
                    </a>
                </div>
                <div class="swiper-slide" ng-repeat="item in bannerList" on-finish-render-filters="bannerList">
                    <a href="{{item.Url}}" ng-click="trackEvent(item)">
                        <img ng-src="{{item.PhotoUrl}}" style="display:block;width:100%;">
                    </a>
                </div>
            </div>
            <div class="swiper-pagination swiper-pagination-bullets swiper-position"></div>
        </div>
    </div>
    <!-- E 轮播Banner -->
    
    <div class="asdasdasdasdsafds" style="padding-top: 2rem;">




    <div class="tj-list" ng-if="productXlList.length">
        <div class="img-container ov-h">
            <img src="../Shop/css/images/double_eleven/jptitle.png" style="width: 65%; margin: 0 auto 0;">
        </div>
        <div class="tj-list-left">
            <div class="tj-list-item" ng-if="$index===0" ng-repeat="product in productTjList" on-finish-render-filters="productTjList">
                <a class="product" href="{{product.Url}}" ng-click="statistics(product.ProductName, ['tj', $index, product.ProductNo])">
                    <img class="cover lazy" src="images/loading.gif" data-url="{{product.ProductImage}}" ng-alt="{{product.ProductName}}">
                    <p class="name">{{product.ProductName}}</p>
                    <p class="introduction">{{product.ShortDesc || '　'}}</p>
                    <p class="price">￥<span>{{product.SalePriceFormat[0]}}.</span>{{product.SalePriceFormat[1]}}</p>
                    <span class="btn">购买</span>
                </a>
            </div>
        </div>
        <div class="tj-list-right">
            <div class="tj-list-item" ng-if="$index>0" ng-repeat="product in productTjList" on-finish-render-filters="productTjList">
                <a class="product product-tj" href="{{product.Url}}" ng-click="statistics(product.ProductName, ['tj', $index, product.ProductNo])">
                    <img class="cover lazy" src="images/loading.gif" data-url="{{product.ProductImage}}" ng-alt="{{product.ProductName}}">
                    <div>
                        <p class="name">{{product.ProductName}}</p>
                        <p class="introduction">{{product.ShortDesc || '　'}}</p>
                        <p class="price">￥<span>{{product.SalePriceFormat[0]}}.</span>{{product.SalePriceFormat[1]}}</p>
                        <span class="btn">购买</span>
                    </div>
                </a>
            </div>
        </div>
    </div>








	<div class="xl-list" ng-if="productXlList.length">
        <div class="img-container ov-h">
            <img src="../Shop/css/images/double_eleven/xltitle.png" style="width: 80%; margin: 2rem auto 0;">
        </div>
		<div class="xl-list-left">
			<div class="xl-list-item" ng-if="$index===0" ng-repeat="product in productXlList" on-finish-render-filters="productXlList">
	            <a class="product" href="{{product.Url}}" ng-click="statistics(product.ProductName, ['xl', $index, product.ProductNo])">
	                <img class="cover lazy" src="images/loading.gif" data-url="{{product.ProductImage}}" ng-alt="{{product.ProductName}}">
                	<img class="my-label" ng-src="../Shop/css/images/double_eleven/label{{product.label}}.png" ng-if="product.label">
	                <p class="name">{{product.ProductName}}</p>
                    <p class="price"><span>{{product.ShortDesc || '　'}}</span></p>
	                <div class="progress-box">
	                    <div class="progress">
	                        <div class="progress-bar progress-bar-danger progress-bar-striped active" role="progressbar" aria-valuenow="{{product.schedule}}" aria-valuemin="0" aria-valuemax="100" style="width: {{product.schedule}}%"></div>
	                    </div>
	                    <span class="progress-text">
	                        已售<br>{{product.schedule}}%
	                    </span>
	                </div>
	                <span class="btn">{{product.schedule >= 100 ? '已抢完' : '立刻抢购'}}</span>
	            </a>
            </div>
		</div>
		<div class="xl-list-right">
			<div class="xl-list-item" ng-if="$index>0" ng-repeat="product in productXlList" on-finish-render-filters="productXlList">
	            <a  class="product product-row" href="{{product.Url}}" ng-click="statistics(product.ProductName, ['xl', $index, product.ProductNo])">
	                <img class="cover lazy" src="images/loading.gif" data-url="{{product.ProductImage}}" ng-alt="{{product.ProductName}}">
	                <div>
		                <p class="name">{{product.ProductName}}</p>
		                <p class="price">￥<span>{{product.SalePriceFormat[0]}}.</span>{{product.SalePriceFormat[1]}}</p>
                    	<p class="introduction">{{product.ShortDesc || '　'}}</p>
		                <div class="progress-box">
		                    <div class="progress">
		                        <div class="progress-bar progress-bar-danger progress-bar-striped active" role="progressbar" aria-valuenow="{{product.schedule}}" aria-valuemin="0" aria-valuemax="100" style="width: {{product.schedule}}%"></div>
		                    </div>
		                    <span class="progress-text">
		                        已售<br>{{product.schedule}}%
		                    </span>
		                </div>
		                <span class="btn">{{product.schedule >= 100 ? '已抢完' : '立刻抢购'}}</span>
	                </div>
	            </a>
            </div>
		</div>
	</div>

    
<!--     <div class="flmd">
        <h5 class="col-xs-12 text-center"><span>双11</span>分会场</h5>
        <div class="flmd-list">
            <a href="#!/mcjs" ng-click="statistics('双11分会场|茗茶酒水', ['flmd', 0])">
                <img src="../Shop/css/images/double_eleven/fenqi/1.jpg">
            </a>
            <a href="#!/jydq" ng-click="statistics('双11分会场|家电家居', ['flmd', 1])">
                <img src="../Shop/css/images/double_eleven/fenqi/2.jpg">
            </a>
            <a href="#!/snsg" ng-click="statistics('双11分会场|时令果蔬', ['flmd', 2])">
                <img src="../Shop/css/images/double_eleven/fenqi/3.jpg">
            </a>
            <a href="#!/spxx" ng-click="statistics('双11分会场|生鲜食品', ['flmd', 3])">
                <img src="../Shop/css/images/double_eleven/fenqi/4.jpg">
            </a>
            <a href="#!/lszb" ng-click="statistics('双11分会场|滋补零食', ['flmd', 4])">
                <img src="../Shop/css/images/double_eleven/fenqi/5.jpg">
            </a>
            <a href="#!/lymm" ng-click="statistics('双11分会场|粮油干货', ['flmd', 5])">
                <img src="../Shop/css/images/double_eleven/fenqi/6.jpg">
            </a>
            <a href="#!/myzq" ng-click="statistics('双11分会场|母婴专区', ['flmd', 6])">
                <img src="../Shop/css/images/double_eleven/fenqi/7.jpg">
            </a>
        </div>
    </div>
    
 -->

    <!-- S 锚点 -->
    <div class="img-container" style="display: none; margin-top: 1rem;">
        <img src="../Shop/css/images/double_eleven/double_eleven_03.png">
        <span ng-click="anchor('d_g')" style="position: absolute; display: block; top: 39%; right: 77%; bottom: 10%; left: 02%; margin: auto;"></span>
        <span ng-click="anchor('k')" style="position: absolute; display: block; top: 39%; right: 51%; bottom: 10%; left: 27%; margin: auto;"></span>
        <span ng-click="anchor('h')" style="position: absolute; display: block; top: 39%; right: 27%; bottom: 10%; left: 52%; margin: auto;"></span>
        <span ng-click="anchor('s')" style="position: absolute; display: block; top: 39%; right: 1.5%; bottom: 10%; left: 76%; margin: auto;"></span>
    </div>
    <!-- E 锚点 -->



    <!-- S 抽奖 -->
    <div class="img-container" style="display: none;">
        <a href="http://dzp17.gdtvshop.weixinmvp.com/">
            <img src="../Shop/css/images/double_eleven/double_eleven_04.png">
        </a>
        <!-- <a href="http://dzp17.gdtvshop.weixinmvp.com/" style="position: absolute; display: block; top: 66%; right: 14%; bottom: 16%; left: 66%; margin: auto;"></a> -->
    </div>
    <!-- E 抽奖 -->






    <!-- S 列表 -->
    <div ng-repeat="productListOpt in productList" ng-if="productListOpt.list.length">
        <div class="img-container ov-h" data-anchor="{{productListOpt.kind}}" data-difference="{{productListOpt.difference}}">
            <img ng-src="{{productListOpt.titleImg}}" ng-style="{'margin-top': productListOpt.mt + 'px'}">
        </div>
        <div class="product-list">
            <div class="product-item" ng-repeat="product in productListOpt.list" on-finish-render-filters="productList_{{productListOpt.id}}">
                <a class="product" href="{{product.Url}}" ng-click="statistics(product.ProductName, [productListOpt.kind, $index, product.ProductNo])">
                    <img class="cover lazy" src="images/loading.gif" data-url="{{product.ProductImage}}" ng-alt="{{product.ProductName}}">
                    <img class="my-label" ng-src="../Shop/css/images/double_eleven/label{{product.label}}.png" ng-if="product.label">
                    <p class="name">{{product.ProductName}}</p>
                    <p class="introduction">{{product.ShortDesc || '　'}}</p>
                    <p class="price">￥<span>{{product.SalePriceFormat[0]}}.</span>{{product.SalePriceFormat[1]}}</p>
                    <img class="gwc" src="../Shop/css/images/double_eleven/gwc.png">
                </a>
            </div>
            <div class="product-item" ng-if="productListOpt.more && productListOpt.more.list" ng-repeat="product in productListOpt.more.list" on-finish-render-filters="productList_{{productListOpt.more.id}}">
                <a class="product" href="{{product.Url}}" ng-click="statistics(product.ProductName, [productListOpt.more.kind, $index, product.ProductNo])">
                    <img class="cover lazy" src="images/loading.gif" data-url="{{product.ProductImage}}" ng-alt="{{product.ProductName}}">
                    <img class="my-label" ng-src="../Shop/css/images/double_eleven/label{{product.label}}.png" ng-if="product.label">
                    <p class="name">{{product.ProductName}}</p>
                    <p class="introduction">{{product.ShortDesc || '　'}}</p>
                    <p class="price">￥<span>{{product.SalePriceFormat[0]}}.</span>{{product.SalePriceFormat[1]}}</p>
                    <img class="gwc" src="../Shop/css/images/double_eleven/gwc.png">
                </a>
            </div>

            <div ng-if="!productListOpt.more || !productListOpt.more.list.length">
                <a class="more" href="https://cms.weixinmvp.com/Mass/171030ssygd/#!/home/{{productListOpt.id}}">
                    <img src="../Shop/css/images/double_eleven/more_all.png">
                </a>
            </div>

            <div ng-if="productListOpt.more && productListOpt.more.list.length">
                <a class="more" href="https://cms.weixinmvp.com/Mass/171030ssygd/#!/home/{{productListOpt.more.id}}">
                    <img src="../Shop/css/images/double_eleven/more_all.png">
                </a>
            </div>

        </div>
    </div>
    <!-- E 列表 -->

    </div>

    <a ng-show="fubiao" href="{{fubiao.Url}}" id="gokill" ng-click="trackEvent(fubiao)"><img ng-src="{{fubiao.PhotoUrl}}"></a>
    <div class="footab" ng-if="footab">
        <a href="{{footab.Url}}"><img ng-src="{{footab.PhotoUrl}}"></a>
        <span ng-click="closeFootab()"><i>×</i></span>
    </div>
    <a href="javascript:void(0);" class="gotop" ng-if="pos > 300" ng-click="gotop()" style="z-index: 9999">
        <img src="images/sxtop_icon2.png">
    </a>
</div>
